/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./index.html', './src/**/*.{js,vue}'],
  corePlugins: {
    preflight: false
  },
  plugins: [],
  theme: {
    extend: {
      screens: {
        '2xl': '1800px',
        '3xl': '2000px'
      },
      backgroundColor: {
        thin: 'var(--thin-color)',
        primary: 'var(--primary-color)',
        secondary: 'var(--secondary-color)'
      },
      textColor: {
        disabled: 'var(--disabled-text-color)',
        primary: 'var(--primary-color)',
        grey: '#717171e9',
        secondary: 'var(--secondary-color)'
      }
    }
  }
}
